<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Sample HTML5</title>
<style type="text/css">
<!--
* {
	margin:0px; padding:0px;	
	font-family: 맑은 고딕, 굴림체; color: #666666;
}
html, body {	
	height:100%;
}
header, nav, footer, section, aside, article {
}
header {
	height:70px; padding:0px 10px;
}
header h1 {
	float:left; width:auto; 
	text-align:center; line-height:70px; vertical-align:middle;
}
header ul {
	list-style: none; padding-right: 10px; display: block;
	direction:rtl; float:right; width:auto;
}
header ul li {
	display: inline; padding-left: 10px; font-size: 0.7em;
}
header ul li a {
	text-decoration:none;
}
nav {
	padding:0px 10px; 
}

nav ul {
	list-style: none; display: block;
    border-top:3px solid #666;
    border-bottom:1px solid #666;
    height: 36px;
}
nav ul li {
	display: inline; padding: 0px 20px;
    border-right: 1px solid #ccc;
}
nav ul li a {
    color: #666; text-decoration: none;
    font-size: 0.8em; font-weight: bold; 
}

nav ul li a:hover {
    color: #red;
}
section {
	min-height:300px; padding:0px 10px; 
}
aside {
	float:left; 
	width:100px; height:auto;
	border-right:1px solid #666;
	margin-bottom: 0px;
	height:100%;
}
aside ul {
	list-style: none; display: block; 
}
aside ul li {
	font-size: 0.8em; font-weight: bold; display: block;
}
article {
	margin-left:100px;
	
}
footer {
	 padding:0px 10px;
}
footer hr {
}
footer p {
	direction:rtl; font-size:0.7em; line-height:200%; vertical-align:middle;
}
-->
</style>
</head>
<body>
<header>
	<h1>Nothing Board</h1>
	<ul><li><a href="#">조영주</a></li><li><a href="#">로그아웃</a></li></ul>
</header><nav>
	<ul><li><a href="#">Site</a></li><li><a href="#">Member</a></li><li><a href="#">Help</a></li><li><a href="#">Download</a></li></ul>
</nav>
<section>
	<aside>
		<ul>
			<li>Menu</li>
			<li>Board</li>
			<li>Page</li>
			<li>Skin</li>
		</ul>
	</aside>
	<article>Main Page</article>
</section>
<footer>
	<hr>
	<p>By fish</p>
</footer>

</body>
</html>